{extend name="base" /}
{block name="body"}
<div class="ad clearfix wow pulse">
        <div id="owl-demo" class="owl-carousel">
                <div class="item">
        <picture>
            <source srcset="/static/web/img/abb.jpg" media="(min-width:50em)">
            <source srcset="/static/web/img/abb.jpg" media="(min-width:30em)">
            <img src="/static/web/img/abb.jpg" alt="">                    
        </picture>
        <div class="page-tit">产品中心</div>
    </div>


        </div>
</div>

<div class="product-cqbox">
        <div class="container clearfix">
                <div class="cpxq-img wow bounceInLeft">
                        <div id="owl-demo3" class="owl-carousel">
                                <div class="item">
                                    <img src="{$data.image}"/>
                                </div>
                        </div>
                </div>
                <div class="cpxq-txt bounceInRight wow">
                        <h1>{$data.title}</h1>
                        <p>{$data.description}</p>
                        <ul class="para clearfix">
                                <li>品牌 :{$data.brand}</li>
                                <li>类型 :{$data.class}</li>
                                <li>尺寸 :{$data.size}</li>
                                <li>颜色 :{$data.color}</li>
                        </ul>
                </div>

        </div>
</div>
<div class="container product-container clearfix">
        <div class="pull-left product-content-body wow bounceInLeft">
                <h3 class="product-title">详细信息</h3>
                <div class="product-txt">
                        {$data.content}

                </div>
        </div>
        <div class="pull-right product-hot wow bounceInRight">
                <h3 class="product-title">热门推荐</h3>
                <ul class="hot-list clearfix">
                    {foreach name="righta" item="r"}
                        <li>
                                <a href="{$r.url}"><img src="{$r.image}"/></a>
                                <p><a href="{$r.url}">{$r.title}</a></p>
                        </li>
                    {/foreach}
                </ul>


        </div>
</div>
{/block}